/* 响应式通用调整 */
@media (max-width: 992px) {
    /** Grid布局:12列 8列 span 8 **/
    .col-span-8, .col-span-4, .col-span-6 {
        grid-column: span 12;
    }

    /***   顶部   ***/
    .header-style .top-links-container {
        flex-wrap: wrap;
    }

    .header-style .nav-links {
        overflow-x: auto;
        padding-bottom: 0.5rem;
        width: 100%;
    }

    .header-style .search-bar {
        display: none;
    }

    .header-style .subnav {
        overflow-x: auto;
        white-space: nowrap;
    }

    /***   轮播图   ***/
    .hero-carousel .carousel-item {
        height: 400px;
    }
}

@media (max-width: 768px) {
    /***   顶部   ***/
    .header-style .top-links-container {
        flex-direction: column;
        gap: 0.5rem;
    }

    .header-style .left-links, .header-style .right-links {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .header-style .site-name {
        font-size: 1.5rem;
    }

    .header-style .nav-link span:nth-child(2) {
        display: none;
    }

    .header-style .nav-link {
        padding: 0.75rem;
    }

    /***   轮播图   ***/
    .hero-carousel .carousel-item {
        height: 320px;
    }

    .hero-carousel .carousel-caption {
        padding: 1.5rem;
    }

    .hero-carousel .carousel-title {
        font-size: 1.5rem;
    }

}

@media (max-width: 576px) {
    /***   顶部   ***/
    .header-style .logo-icon {
        font-size: 1.5rem;
    }

    .header-style .site-name {
        font-size: 1.25rem;
    }

    .header-style .auth-btn span:nth-child(2) {
        display: none;
    }

    /***   轮播图   ***/
    .hero-carousel .carousel-item {
        height: 260px;
    }

    .hero-carousel .carousel-text {
        display: none;
    }

}